<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>个人中心</title>
    <link href="../fonts/iconfont.css" rel="stylesheet"/>
    <link href="../../base.css" rel="stylesheet"/>
    <link href="../../index.css" rel="stylesheet"/>
    <!-- LeanCloud -->
    <script src="https://cdn1.lncld.net/static/js/av-min-1.2.1.js"></script>
     <!-- handlebars -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  
    <script type="text/javascript" src="../initLeanCloud.js"></script>
    <script type="text/javascript" src="../reuseMethods.js"></script>
    <script type="text/javascript" src="UserCenter.js"></script>

</head>
<body>
<nav class="nav-bar nav-bar-tab">
    <a href="../../index.html" class="nav-tab-item ">
        <span class="nav-icon icon-uniE90A"></span>
        <span class="nav-tab-label">首页</span>
    </a>
    <a href="#" class="nav-tab-item nav-active">
        <span class="nav-icon icon-uniE90B"></span>
        <span class="nav-tab-label">我的</span>
    </a>
</nav>
<!-- 个人中心 user-->
<div class="setBg-box"></div>
<div class="cy-user">
    <div class="userPu userInfo-detail">
        <script id="userInfo" type="text/x-handlebars-template">
        <!-- 头像部分 -->
        <div class="userPu-h">
            <div class="user-h-img"><img src="../../NAZA1.png"></div>
            <div class="user-h-text">
                <div class="user-name">{{nickname}}
                    <a href="#" class="outsider">
                       <!-- <div class="bg-iconvip"></div>
                        <span class="icon-vip0"></span>-->

                    </a>
                </div>
                <div class="user-association"></div>
            </div>
        </div>

        <!-- 头像部分 end-->
        <!-- 资料板块 -->
        <div class="datum-box">
            <ul class="datum-list">
                <li class="dropdown">
                    <a href="#">
                        <h1 data-toggle="dropdown" class="vtitle"><i class="ba-color ba-color1 icon-uniE952"></i><b>我的积分</b><span class="user-money">{{integral}}</span></h1>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="../Bill/Bill.html">
                        <h1 data-toggle="dropdown" class="vtitle"><i class="ba-color ba-color7 icon-uniE966"></i><b>账户流水</b><span class="icon-uniE926"></span></h1>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="../UserInfo/UserInfo.html">
                        <h1 data-toggle="dropdown" class="vtitle"><i class="ba-color ba-color2 icon-uniE953"></i><b>我的详情</b><span class="icon-uniE926"></span></h1>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="../Recharge/Recharge.html">
                        <h1 data-toggle="dropdown" class="vtitle">
                            <i class="ba-color icon-uniE93D"></i>
                            <b>积分充值</b>

                        </h1>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="../Bank/BankList.html">
                        <h1 data-toggle="dropdown" class="vtitle">
                            <i class="ba-color ba-color3">
                                <svg t="1573028244472" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                     xmlns="http://www.w3.org/2000/svg" p-id="6342" width="20" height="20">
                                    <path d="M895.99488 160.12288H128.00512c-42.4448 0-76.80512 34.304-76.80512 76.67712v575.01184c0 42.35776 34.36032 76.67712 76.80512 76.67712h767.98976c42.42944 0 76.80512-34.31424 76.80512-76.67712V236.8c0-42.37312-34.37568-76.67712-76.80512-76.67712z"
                                          fill="" p-id="6343"></path>
                                    <path d="M895.99488 130.39616H128.00512c-42.4448 0-76.80512 34.304-76.80512 76.67712V782.08c0 42.35776 34.36032 76.67712 76.80512 76.67712h767.98976c42.42944 0 76.80512-34.31424 76.80512-76.67712V207.06816c0-42.37312-34.37568-76.672-76.80512-76.672z"
                                          fill="#528BBB" p-id="6344"></path>
                                    <path d="M51.2 219.58144h921.6v148.64384H51.2z" fill="#222222" p-id="6345"></path>
                                    <path d="M846.92992 442.55232H155.25376v89.18016h713.4976V442.55232z" fill="#FFFFFF"
                                          p-id="6346"></path>
                                    <path d="M370.78528 620.92288c-27.67872 0-52.096 13.79328-66.88768 34.84672-14.79168-21.04832-39.21408-34.84672-66.88768-34.84672-45.14816 0-81.75616 36.608-81.75616 81.75616s36.608 81.75616 81.75616 81.75616c27.67872 0 52.096-13.79328 66.88768-34.84672 14.79168 21.04832 39.21408 34.84672 66.88768 34.84672 45.14304 0 81.75616-36.608 81.75616-81.75616s-36.608-81.75616-81.75616-81.75616z"
                                          fill="#457DAD" p-id="6347"></path>
                                </svg>
                            </i>
                            <b>我的银行卡</b>
                            <span class="icon-uniE922"></span>
                        </h1>
                    </a>
                </li>
            </ul>
            <!--<a href="validation.html" class="btn btn-max btn-green">交换名片</a>
            <a href="javascript:;" class="btn btn-max btn-green">发送信息</a>-->
            <!--<a href="javascript:;" class="btn btn-max btn-red">注销</a>-->
        </div>
        <!-- 资料板块 end-->
        </script>
    </div>
</div>
<div style="width: 98%;text-align: center">
    <button class = 'btn btn-max btn-red' style="width: 80%;display: inline">
    <ul class="nav pull-right">
        <li role="presentation"><a href="#" onclick="logout()">退出登录</a></li>
    </ul>
    </button>
</div>
<!-- 个人中心 user end-->
<!-- 引用的js文件 -->
<script >


  /*用户中心-折叠面板*/
  var dropdown = document.querySelectorAll('.dropdown');
  var dropdownArray = Array.prototype.slice.call(dropdown,0);
  dropdownArray.forEach(function(el){
    var button = el.querySelector('h1[data-toggle="dropdown"]'),
      menu = el.querySelector('.dropdown-menu'),
      arrow = button.querySelector('span.icon-uniE926');

    button.onclick = function(event) {
      if(!menu.hasClass('show')) {
        menu.classList.add('show');
        menu.classList.remove('hide');
        arrow.classList.add('icon-23');
        arrow.classList.remove('icon-uniE926');
        event.preventDefault();
      }
      else {
        menu.classList.remove('show');
        menu.classList.add('hide');
        arrow.classList.remove('icon-23');
        arrow.classList.add('icon-uniE926');
        event.preventDefault();
      }
    };
  })

  Element.prototype.hasClass = function(className) {
    return this.className && new RegExp("(^|\\s)" + className + "(\\s|$)").test(this.className);
  };
</script>
</body>
</html>